<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>查看快递单</title>
    <link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/layer/layer.js"></script>
    <link rel="stylesheet" href="../static/xznstatic/css/common.css"/>
    <link rel="stylesheet" href="../static/xznstatic/css/style.css"/>
    <link rel="stylesheet" href="../static/css/bootstrap.css">
    <link href="../static/css/bootstrap.min.css" rel="stylesheet">
    <link href="../static/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="../static/css/style.min.css" rel="stylesheet">
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<style type="text/css">
    html, body {
        height: 100%;
    }
    #iframe {
        width: 100%;
        margin-top: 50px;
        padding-top: 94px;
    }
    #header {
        height: auto;
        background: #fff;
        border-bottom: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: url("../static/img/img16.jpg");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-attachment: fixed;
    }

    #header .nav-top {
        display: flex;
        align-items: center;
        padding: 0 20px;
        font-size: 16px;
        color: #2a8a15;
        box-sizing: border-box;
        height: 50px;
        background-color: rgba(255, 120, 0, 1);
        box-shadow: 0 0 20px #e88a64;
        justify-content: center;
        position: relative;
    }

    #header .nav-top-title {
        line-height: 40px;
        font-size: 20px;
        color: rgba(255, 255, 255, 1);
        padding: 0 10px;
        margin: 0 10px;
        border-radius: 0px;
        border-width: 0;
        border-style: solid;
        border-color: rgba(0,0,0,.3);
        box-shadow: ;
    }
    #header .nav-top-tel {
        line-height: 40px;
        font-size: 16px;
        color: #333;
        padding: 0 10px;
        margin: 0;
        border-radius: 6px;
        border-width: 0;
        border-style: solid;
        border-color: rgba(0,0,0,.3);
        box-shadow: ;
    }

    #header .navs {
        display: flex;
        padding: 0 20px;
        align-items: center;
        box-sizing: border-box;
        height: 94px;
        background-color: rgba(255, 248, 239, 1);
        box-shadow: 0 1px 6px rgba(0,0,0,0);
        justify-content: center;
    }
    #header .navs .title {
        width: auto;
        line-height: 40px;
        font-size: 16px;
        color: #333;
        padding: 0 10px;
        margin: 0 5px;
        border-radius: 6px;
        border-width: 0;
        border-style: solid;
        border-color: rgba(0,0,0,.3);
        box-shadow: 0 0 6px rgba(0,0,0,0);
    }
    #header .navs li {
        display: inline-block;
        width: auto;
        line-height: 34px;
        padding: 0 10px;
        margin: 0 5px;
        color: #333;
        font-size: 20px;
        border-radius: 6px;
        border-width: 0;
        border-style: solid;
        border-color: rgba(0,0,0,.3);
        background-color: rgba(255, 248, 239, 1);
        box-shadow: 0 0;
        text-align: center;
    }
    #header .navs li a{
        color: inherit;
    }
    #header .navs li.current a{
        color: inherit;
    }
    #header .navs li a:hover{
        color: inherit;
    }
    #header .navs li.current {
        color: rgba(226, 81, 17, 1);
        font-size: 20px;
        border-radius: 0px;
        border-width: 0;
        border-style: solid;
        border-color: rgba(255, 255, 255, 1);
        background-color: rgba(255, 248, 239, 1);
        box-shadow: 0 2px 0px #e25111;
    }

    #carouselExampleIndicators{
        width: 100%;
        height:600px;
    }
    #carouselExampleIndicators .carousel-inner{
        width: 100%;
        height: 600px;
    }
    .box2{
        position: absolute;
        width: 200px;
        height: 808px;
        background-color: rgba(255, 248, 239, 1);

    }
    .box3{


        margin-left: 400px;
        margin-top: 100px;
        bottom: 0;

        border :solid     1px  black;
        width: 40%;
        height: 600px;
        /*background-image: linear-gradient(to top,#3a90db ,#ddd);*/
        background-color: #a5b3c7;
        text-align: center;
    }

    label{

        width: 150px;
        margin-left: auto;

        display: inline-block;
        margin-top: 20px;

        text-align: center;

    }
    input{
        /*padding: 4px;*/
        /*width: 300px;*/
        margin-left: 0px;


    }
    #btn{
        margin-left: 230px;
        width: 150px;

    }

    input:focus{
        border-color: red;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }
</style>
<body>
<!-- start 顶部导航栏 -->
<div id="header">
    <div v-if='true' class="nav-top">

        <div v-if="true" class="nav-top-title">智能车险投保系统</div>
        <div class="nav-top-tel"></div>
    </div>
    <div class="navs">
        <!-- <div class="logo" style="font-size: 20px;top: 32px;color: #fff;font-weight: bold;margin-left: -200px;width: 240px;" v-text="projectName"></div> -->
        <div class="title" v-if="false" v-text="projectName"></div>
        <div class="list">
            <ul>
                <li ><a th:href="@{shouye}" ><i v-if="false" class="layui-icon layui-icon-home"></i>首页</a></li>
                <li ><a th:href="@{echarts}" target="jj" ><i v-if="false" class="layui-icon layui-icon-list"></i>历史记录</a></li>
                <li ><a th:href="@{look}"  ><i v-if="false" class="layui-icon layui-icon-cart"></i>汽车保险</a></li>
                <li class='current'><i v-if="false" class="layui-icon layui-icon-util"></i>服务大厅</a></li>
                <li ><a th:href="@{personal}" ><i v-if="false" class="layui-icon layui-icon-username"></i>个人中心</a></li>
            </ul>
        </div>
    </div>


    <div class="box2">
        <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 600px;">
            <li class="layui-nav-item ">
                <a href="javascript:;">保单服务</a>
                <dl class="layui-nav-child">
                    <dd> <a th:href="@{check}">查看购物车</a></dd>
                    <dd><a th:href="@{querytoubaodan}">查看预投保信息</a></dd>
                    <dd><a th:href="@{finallylistinfo}" target="jj">最终保单</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">支付服务</a>
                <dl class="layui-nav-child">
                    <dd><a th:href="@{pay}">选择支付</a></dd>
                    <dd><a th:href="@{payinfo}">查询支付信息</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">快递服务</a>
                <dl class="layui-nav-child">
                    <dd><a th:href="@{courier}" target="jj">添加快递</a></dd>
                    <dd><a th:href="@{courierlook}" target="jj">快递查看</a></dd>
                </dl>
        </ul>
    </div>
    <div class="box3">

        <form th:action="@{courier}" method="post">
            <h2 align="center">快递单信息</h2>
            <div>
                <label>收件人姓名</label>
                <input type="text" name="recipientname">
            </div>
            <div>
                <label>收件人地址</label>
                <input type="text" name="recipientaddress">
            </div>
            <div>
                <label>收件人联系电话</label>
                <input type="text" name="recipienttel">
            </div>
            <div>
                <label>快递方式</label>
                <td>
                <input type="radio" name="way" value="京东快递">京东快递</td>
                <td><input type="radio" name="way" value="顺丰快递">顺丰快递</td>
                <td><input type="radio" name="way" value="中国邮政">邮政快递</td>
            </div>


            <br />
            <tr>
                <td> <button type="submit" class="layui-btn layui-btn-normal" id="btn">提交</button></td>
            </tr>
        </form>
    </div>
</div>
<script src="../static/xznstatic/js/jquery-1.11.3.min.js"></script>
<script src="../static/layui/layui.js"></script>
<script src="../static/js/vue.js"></script>
<script src="../static/js/config.js"></script>
<script src="../static/js/bootstrap.min.js"></script>

</body>
</html>